body{
    background-color:  #ECECEC;
    position: relative;
}
/* 头部 */
header{
    position: relative;
    width: 100%;
    z-index: 400;
    position: fixed;
    top: 0;
    left: 0;
}
.index-container .van-nav-bar{
    height:45px;  
}
.index-container .icon-liebiaoshunxu{
    font-size: 25px;
    position: absolute;
    top: 7.5px;
    right: 19px;
    z-index: 12;
    color: #333333;
}
/* 遮罩-排序列表 */
.index-container .van-overlay{
    z-index: 3;
}
.zhezhao-ul{
    width: 100%;
    height: 60px;
    background-color: #fff;
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 100;
    /* display: none; */
}
.zhezhao-ul li{
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #595959;
    color: #333;
    font-size: 12px;
    line-height: 30px;
    display: flex;
    justify-content: center;
    background-color: #fff;

}
/* 遮罩层 */
.zhezhao{
    height: 80%;
    position: absolute;
    top: 105px;
}
/* tab切换 */
.SP-tabs{
    margin-bottom: 45px;
}
.index-container .van-tabs--line .van-tabs__wrap{
    height: 39px;
    width: 100%;
    position: fixed;
    top: 45px;
    right: 0;
    z-index: 2;
}
.van-tab__text{
    font-size: 12px;
}
.van-tabs__line{
    z-index: 1;
}
/* 懒加载图片模块，商品列表 */
.SP-tabs{
    width: 100%;
    position: absolute;
    top: 90px;
    left: 0px;
}
.lazy-one{
    margin-bottom: 9px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fff;

}

.index-container .Special-Lazy{
    width: 357px;
    height: 201px;
}
/* 图片下方文字 */
.lazyone-p{
    align-self:flex-start;
    margin-left: 10px;
    font-size: 14px;
    color: #333333;
    line-height: 14px;
    margin-top: 10px;
}

/* 点赞列表 */
.lazyone-iconwrap{
    align-self:flex-start;
    margin-left: 10px;
    font-size: 10px;
    color: #595959;
    margin-top: 4px;
   padding-bottom: 9px;
}
.lazyone-iconwrap .icon-aixin{
    margin-left: 20px;
}
.lazyone-spanone{
    margin-left: 11px;
    font-size: 10px;
    color: #606060;
}
.lazyone-spantwo{
    margin-left: 31px;
    font-size: 10px;
    color: #606060;
}
.lazyone-spanthere{
    margin-left: 11px;
    font-size: 10px;
    color: #606060;
}
/******* 精选菜单 *********/
/* 主要内容外层 */
.selected-mainwrap{
    width: 100%;
    position: absolute;
    top: 10px;
    left: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
/* 投稿区 */
.selected-Contribution{
    width: 344px;
    height: 173px;
    border: 1px solid #9E9DAC;
    border-radius: 8px;
    margin-top: 7px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.selected-Contribution-p1{
    font-size: 16px;
    line-height: 22px;
    margin-top: 15px;
    color: #3F3F3F;
    height: 22px;
}
.selected-Contribution-spanwrap{
    margin-top: 16px;
    width: 266px;
    height: 48px;  
}
.selected-Contribution-span{
    font-size: 14px;
    line-height: 16px; 
    color: #A6A6B3;
}
.selected-Contribution-evaluate{
    width: 198px;
    height: 40px;
    border: 1px solid #CC0A42;
    border-radius: 20px;
    font-size: 14px;
    color: #D63B68;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 19px;
}
/* 瀑布图 */
/* 外层 */
.selected-pubuImgWrap{
    width: 346px;
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden;
    margin-bottom: 45px;
}

/* 小框 */
.selected-pubuImg{
    width: 164px;
    height: 302px;
    border: 1px solid #9E9DAC;
    border-radius: 20px;
    margin-bottom: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* 瀑布大图 */
.selected-pubuImg-img{
    width: 100%;
    height: 70%;
}
/* 瀑布评价 */
.selected-pubuImg-lispan{
    width: 146px;
    height: 32px;
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* 瀑布列表 */
.selected-pubuImgWrap ul{
    margin-top: 10px;
    width: 146px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.selected-pubuImgWrap li{
    float: left;
    height: 100%;
}
.selected-pubuImg-list{
    display: flex;
    align-items: center;
}
.selected-pubuImg-headPortrait{
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.selected-pubuImg-name{
    font-size: 12px;
    margin-left: 5px;
}
.selected-pubuImgWrap .icon-aixin{
    font-size: 16px;
}
.selected-pubuImg-number{
    font-size: 12px;
}

/****************** MSadderss组件，管理收货地址 ******************************************/

.MS-container .van-nav-bar__title {
    color:#494949;
    line-height: 45px;
    font-size: 18px;
}
.MS-container .van-icon-arrow-left{
    color: #4E4E4E;
    font-size: 17px;
}
.kongbai{
    width: 100%;
    height: 100%;
    background-color: #F4F4F4;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 300;
}
.MS-container .MS-button{
    position: absolute;
    bottom: 34px;
    left: 0;
    z-index: 400;
}
.MS-container .van-button__text{
    font-size: 18px;
}
/******************** Newaddress组件，新增收货地址 **************************************************/
/* 头部 */
.Newadd-Contairn .van-nav-bar__title{
    color: #494949;
    font-size: 18px;
    line-height: 45px;
}
.Newadd-Contairn .van-icon-arrow-left{
    color: #4E4E4E;
    font-size: 17px;
}
.Newadd-headerspan{
    color: #494949;
    font-size: 15px;
    line-height: 45px;
    position: absolute;
    top: 0px;
    left: 326px;
    z-index: 300;
}
/* 单元格 */
.Newadd-Contairn .van-cell{
    width: 100%;
    height: 55px;
    position: absolute;
    top: 45px;
    left: 0;
    position: relative;
}
.Newadd-cellLate{
    height: 62px;  
}
.Newadd-Contairn .van-cell__title span{
    font-size: 16px;
    color: #464646;
    margin-top: 17px;
    position: absolute;
    top: 0px;
}
.Newadd-input{
    border: none;
    height: 55px;
    width: 200px;
    font-size: 16px;
    position: absolute;
    right: 80px;
}
.Newadd-one{
    top: 45px;  
}
.Newadd-two{  
    top: 100px;      
}
.Newadd-there{ 
    top: 155px;   
}
.Newadd-four{
    top: 210px;  
}
/* 单元格下边框 */
.Newadd-border{
    width: 336px;
    height: 1px;
    background-color: #F8F8F8;
    position: absolute;
    left: 10px;
    z-index: 700;
}
.Newadd-borderone{
    top: 100px;
}
.Newadd-bordertwo{
    top: 155px;
}
.Newadd-borderthere{
    top: 210px;
}
.Newadd-borderfour{
    top: 264px;
}
/* 设为默认地址 */
.Newadd-Contairn .Newadd-checkbox{
    position: absolute;
    top: 299px;
    left: 128px;
    z-index: 500;
}

.Newadd-p{
    font-size: 16px;
    color: #464646;
    position: absolute;
    top: 299px;
    left: 152px;
    z-index: 500;
}
/* 底部挡住footer */
.Newadd-danzhu{
    width: 100%;
    height: 402px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #F4F4F4;
    z-index: 400;
}
遮罩层
.Newadd-zhezhao{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 800;
}
.Newadd-zhezhaoWrapper{
    position: absolute;
    bottom: 49px;
    left: 5px;
    width: 365px;
    height: 264px;
}
